<template>
    <div v-html="renderedMarkdown"
         style="white-space: pre-wrap;word-wrap: break-word;"

    ></div>
</template>

<script>
import MarkdownIt from 'markdown-it';

export default {
    props: {
        markdownContent: {
            type: String,
            required: true,
        },
    },
    data() {
        return {
            md: new MarkdownIt(),
        };
    },
    computed: {
        renderedMarkdown() {
            return this.md.render(this.markdownContent);
        },
    },
};
</script>
